<template>
	<view>
		<view class="search">
			<image src="@/static/logo.png"></image>
			<input placeholder="搜索组队关键词" @input="searchkey()" />
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"KeySearch",
		data() {
			return {
				
			};
		},
		methods:{
			searchkey(e){
				this.search = event.target.value;
				if(this.search){
				 setTimeout(() => { 
					 console.log(this.search) 
					 }, 0)
				}
			},
			
		}
	}
</script>

<style scoped>
.search{
	display: flex;
	height: 70rpx;
	background-color:#F2F2F2;
	border-radius: 100rpx;
	
}
.search image{
	margin: 10rpx 20rpx 10rpx 50rpx;
	width: 50rpx;
	height: 50rpx;
}
.search input{
	margin: 15rpx 20rpx 15rpx 10rpx;
	font-size: 30rpx;
}
</style>